<div class="incidentContainer">
  <!-- <div class="filterArea" *ngIf="false">
    <div class="filter">
      <div class="filtertext">
        {{'Data_Visualization.Overall.Filter' | translate}}:
      </div>
      <div class="radiosContainer">
        <div (click)="filter('Weekly')"
          [class]="searchData.interval ==='Weekly'? 'button_L selectedRadios':'button_L'">
          {{'Data_Visualization.Overall.Weekly' | translate}}</div>
        <div (click)="filter('Monthly')"
          [class]="searchData.interval ==='Monthly'? 'button_M selectedRadios':'button_M'">
          {{'Data_Visualization.Overall.Monthly' | translate}}</div>
        <div (click)="filter('Yearly')"
          [class]="searchData.interval ==='Yearly'? 'button_R selectedRadios':'button_R'">
          {{'Data_Visualization.Overall.Yearly' | translate}}</div>
      </div>
    </div>
    <div class="timeRange">
      <div class="filtertext">
        {{'Data_Visualization.Overall.TimeRange' | translate}}:
      </div>
      <div class="switch">
        <nz-range-picker [nzFormat]="dateFormat" [nzPlaceHolder]="placeHodlder" [(ngModel)]="updatedDate"
          (ngModelChange)="onDateOk($event)" [nzDisabledDate]="disabledDate" ></nz-range-picker>
      </div>
    </div>
  </div> -->
  <div class="IncidentsEcharts" echarts [options]="options"></div>
</div>